<template>
	<base-image class="w-4 aspect-square" :src="currencyIcon" type="network"></base-image>
</template>

<script lang="ts" setup>
import BaseImage from '@/components/base/image/index.vue'
import { useWalletStore } from '@/store'
import { computed } from 'vue'
import { getCurrencyIcon } from '@/utils'

const walletStore = useWalletStore()
const currencyIcon = computed(() => {
	const { selectedFiatCurrency, displayCryptoInFiat, selectedCryptoCurrency } =
		walletStore.walletConfig
	return getCurrencyIcon(displayCryptoInFiat ? selectedFiatCurrency : selectedCryptoCurrency)
})
</script>
<style lang="scss" scoped></style>
